<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <router-view/>
  </div>
</template>

<script>
export default {
    name: "App",
    computed: {
        common() {
            return this.$store.state.common;
        }
    },
    watch: {
        common() {
            console.log("vuex数据更新");
            hsetStore("common", JSON.stringify(this.$store.state.common));
        }
    }
};
</script>

<style>
@import "../static/css/main.css";
#app {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
</style>
<style lang="scss">
body {
    font-size: rem(28);
    background-color: #fbf9fe;
}
</style>
